<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<div id="header">
    <div class="header-div header-left">消息</div>
    <div class="header-div header-right">全部已读</div>
    <br class="clear">
</div>

<div id="body">
    <!--消息开始-->
    <div class="message-maxdiv">
        <div class="message-box position-rel">
            <a href="javascript:void(0);" class="message-header">
                <img src="image/header0.gif">
            </a>
            <div class="message-right-box">
                <div class="message-name">狗狗小秘书<span class="message-date">08-11 16:19</span></div>
                <div class="message-text">家有狗狗是诚信狗狗约会交友应用</div>
            </div>
        </div>
    </div>
    <!--消息结束-->

    <!--入口开始-->
    <div class="message-maxdiv">
        <div class="message-box position-rel">
            <a href="javascript:void(0);" class="message-header">
                <img src="image/vip_03.png">
            </a>
            <div class="message-right-box message-into">
                老乡汇<img src="image/profile_jt.png">
            </div>
        </div>
    </div>
    <div class="message-maxdiv">
        <div class="message-box position-rel">
            <a href="javascript:void(0);" class="message-header">
                <img src="image/vip_04.png">
            </a>
            <div class="message-right-box message-into">
                通知中心<img src="image/profile_jt.png">
            </div>
        </div>
    </div>
    <!--入口结束-->

</div>

<div id="footer-margin-top"></div>
<div id="footer">
    <a href="首页.html" class="footer-btn footer-find">
        <center class="">
            <div class="footer-btn-img"></div>
            <div class="footer-btn-text">寻缘</div>
        </center>
    </a>
    <a href="dynamic.html" class="footer-btn footer-dynamic">
        <center class="">
            <div class="footer-btn-img"></div>
            <div>动态</div>
        </center>
    </a>
    <div class="footer-btn footer-release-btn">
        <center>
            <img src="image/btn_new_normal.png">
        </center>
    </div>
    <a href="message.html" class="footer-btn footer-message">
        <center class="active">
            <div class="footer-btn-img"></div>
            <div>消息</div>
        </center>
    </a>
    <a href="javascript:void(0);" class="footer-btn footer-me">
        <center class="">
            <div class="footer-btn-img"></div>
            <div>我</div>
        </center>
    </a>
    <br class="clear">
</div>
</body>
</html>